<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <title>兑换记录</title>
    <link rel="stylesheet" href="css/wap/main.css"/>
    <link rel="stylesheet" href="css/wap/pop_apply.css"/>
</head>
<body>
    <div class="classify_name exchange">
        <ul>
            <li>
                <a href=""><img src="images/wap/xingzuo/exchange_4.png" /></a>
                <div>
                    <h4>河源灯塔腊肉</h4>
                    <span>成功解锁12星座</span>
                    <p>2017/03/07 12:00:00</p>
                    <span>已支付</span>
                    <input type="button" value="查看订单"/>
                </div>
            </li>
            <li>
                <a href=""><img src="images/wap/xingzuo/exchange_2.png" /></a>
                <div>
                    <h4>散养绿壳土鸡蛋</h4>
                    <span>成功解锁12星座</span>
                    <p>2017/03/07 12:00:00</p>
                    <span>待支付</span>
                    <input type="button" value="查看订单" />
                </div>
            </li>
            <li>
                <a href=""><img src="images/wap/xingzuo/exchange_1.png" /></a>
                <div>
                    <h4>河源灯塔黑米</h4>
                    <span>成功解锁12星座</span>
                    <p>2017/03/07 12:00:00</p>
                    <span>已支付</span>
                    <input type="button" value="查看订单" />
                </div>
            </li>
        </ul>
    </div>
    <div class="noRecode">
        <img src="images/noRecode.png" alt="">
        <p>暂无记录</p>
    </div>
    <script src="js/jquery-1.8.3.min.js"></script>
<!--     <script>
    $(function(){
        $.ajax({
            url:"data/exchange.json",
            type:"GET",
            success:function(data){
                // console.log(data);
                if(data[0].length===0){
                    $('.exchange+.noRecode').css({"display": "block"});                    
                }
                var str='';
                for(var i=0;i<data[0].length;i++){
                    var strLi=
                    '<li><a href=""><img src="images/wap/xingzuo/'+data[0][i].pic+'" /></a><div><h4>'+data[0][i].name+'</h4><span>成功解锁12星座</span><p>'+data[0][i].time+'</p><input type="button" value="查看订单"/></div></li>';
                    str+=strLi;
                }
                // console.log(str);
                $('.exchange ul').html(str);
            },
            error:function(){
                alert('error');
            }
        });
    })
    </script> -->
</body>
</html>























